<!DOCTYPE html> 
<html lang="zh-CN">
<head> 
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/global.css?v=${timeStamp!''}" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/dist/datatables.css" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/dist/select2.min.css" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/system/systemTwo.css?v=${timeStamp!''}" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/font.css?v=${timeStamp!''}">
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/dist/metroStyle/metroStyle.css" />
	<script type="text/javascript" src="${request.contextPath}/js/dist/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/jquery.validate.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/jquery.metadata.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/jquery.dataTables.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/select2.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/jquery.ztree.all.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/layer/layer.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/public.js?v=${timeStamp!''}"></script>
	<script type="text/javascript" src="${request.contextPath}/js/system/service.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/system/validate.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/system/task.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/system/user.js?v=${timeStamp!''}"></script>
	<script type="text/javascript">
		var webroot = '${request.contextPath}';
		var listArr = [{
        "sClass": "text-left",
        "data": "id",
        "render": function (data, type, full, meta) {
            return '<input type="checkbox"  class="checkchild"  value="' + data + '" id="check' + data + '"/>';
        },
        "bSortable": false
    },{
    	"sClass": "text-left",
        "data": "loginName"
    },{
    	"sClass": "text-left",
        "data": "userName"
    },{
    	"sClass": "text-left",
        "data": "lastLoginDate"
    },{
    	"sClass": "text-left",
        "data": "roleName"
    },{
    	"sClass": "text-left",
        "data": "state",
        "render":function(data, type, full, meta){
        	if(data == 0){
        		//return '<@shiro.hasPermission name="USER_OPEN"><button type="button" class="cabtn cabtn_default" onclick="userOn(\'' + full.id + '\',event)">启用</button></@shiro.hasPermission>'
        		return '<button type="button" class="cabtn cabtn_default" onclick="userOn(\'' + full.id + '\',event)">启用</button>'
        	}else{
        		//return '<@shiro.hasPermission name="USER_FORBIDDEN"><button type="button" class="cabtn cabtn_default" onclick="userOn(\'' + full.id + '\',event)">禁用</button></@shiro.hasPermission>'
        		return '<button type="button" class="cabtn cabtn_default" onclick="userOn(\'' + full.id + '\',event)">禁用</button>'
        	}
        }
    }];
	</script>
	<style>
		.roletouser{
			width: 450px;
		}
		.roletouser li{
		    width: 32%;
    		overflow: hidden;
    		display:inline-block;
		}
		.roletouser li label{
		    text-align: left;
		    width: 100% !important;
		    white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: inline-block;
		}
		
		.adminOffice{
			width: 450px;
			display: inline-block;
		}
		.adminOffice li{
		    width: 32%;
    		overflow: hidden;
    		display:inline-block;
		}
		.adminOffice li label{
		    text-align: left;
		    width: 100% !important;
		    white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: inline-block;
		}
	</style>
</head>
<body>
	<div class="promiss_continer ca_container clearfix">
		<p><i class="ion ion-location"></i>当前位置：系统 <span>></span>用户管理</p>
		<div class="promiss_datatable ca_width100">
			<div class="ca_searchgroup">
				<form id="excel" method="post">
					<div class="caform-inline">
						<div class="caform-group">
							<label>登陆用户名：</label>
							<input type="text" name="loginNameSearch" id="loginNameSearch"  class="ca_control" placeholder="请填写登陆用户名" >
						</div>
						<div class="caform-group">
							<label>用户姓名：</label>
							<input type="text" name="userNameSearch" id="userNameSearch"  class="ca_control" placeholder="请填写用户姓名" >
						</div>
						<!--div class="caform-group">
							<label>角色：</label>
							<select name="roleSearch" id="roleSearch" class="ca_control" style="width:170px;">
								<option value="">请选择</option>
								<#list roleList as role>
									<option value="${role.id}">${role.sysRoleName}</option>
								</#list>
							</select>
						</div-->
					</div>
					<div class="search-btn-box">
					   <button type="button" class="cabtn cabtn_default vdrallsearch">查询</button>
					</div>
				</form>
			</div>
			<!-- 权限表 -->
			<div class="promiss_btngroup">
			    <!--@shiro.hasPermission name="USER_ADD"-->
					<button class="cabtn cabtn_default useradd">新增</button>
				<!--/@shiro.hasPermission-->
				<!--@shiro.hasPermission name="USER_EDIT"-->
					<button class="cabtn cabtn_default useredit">修改</button>
				<!--/@shiro.hasPermission-->
				<!--@shiro.hasPermission name="USER_DEL"-->
					<button class="cabtn cabtn_danger userdel">删除</button>
				<!--/@shiro.hasPermission-->
			</div>
			<div class="ddddd"></div>
			<table id="datatables" class="dataTable display" style="white-space:nowrap;">
				<thead>
				 	<tr>
				 		<th><input type="checkbox" class="checkall" /></th>
				 		<th>登陆用户名</th>
				 		<th>用户姓名</th>
				 		<th>上次登入时间</th>
				 		<th>角色</th>
				 		<th>状态</th>
				 	</tr>
			 	</thead>
			 	<tbody>
			 	</tbody>
			</table>
		</div>
	</div>
	
	<!-- 添加/修改 -->
	<div class="userform pagehide">
		<form id="adduserdio" class="adduserdio">
			<div class="ca_formgroup">
				<label><i class="red">*</i>登入名：</label>
				<div class="left">
					<input type="text" name="loginName" id="loginName" class="ca_control" required>
					<span class="red"></span>
				</div>
			</div>
			<div class="ca_formgroup">
				<label><i class="red">*</i>用户名称：</label>
				<div class="left">
					<input type="text" name="userName" id="userName" class="ca_control" required>
					<span class="red"></span>
				</div>
			</div>
			<div class="ca_formgroup">
				<label><i class="red">*</i>密码：</label>
				<div class="left">
					<input type="password" name="password" id="password" class="ca_control"  required  minlength="5">
					<span class="red"></span>
				</div>
			</div>
			<div class="ca_formgroup">
				<label><i class="red">*</i>重复密码：</label>
				<div class="left">
					<input type="password" name="confirm_password" id="confirm_password" class="ca_control" required minlength="5">
					<span class="red"></span>
				</div>
			</div>
			
			<!--div class="ca_formgroup">
				<label class="roletotop">角色：</label>
				<div class="roletouser">
					<ul>
					</ul>
				</div>
			</div-->
		</form>
	</div>
</body>
</html>